<!DOCTYPE html>
<html>
<!--  xmlns:th="http://www.thymeleaf.org" id="html" -->

<head>
  <meta charset="UTF-8">
  <title>自助送物系统</title>
  <link rel="stylesheet" href="/public/css/index.css" />
  <link rel="stylesheet" href="/public/css/modal.css" />
  <!--  <link rel="stylesheet" type="text/css" href="print.css" media="print"/> -->

  <style>
    video {
      height: 100%;
    }

    video,
    canvas {
      /* margin-left: 230px;
      margin-top: 120px; */
      position: absolute;
      left: 0;
      top: 0;
    }

    .positionNone {
      width: 100%;
      height: 100%;
    }

    #stats,
    .dg,
    #canvasPic {
      position: absolute;
      top: -100000000px !important;
      opacity: 0;
    }

    /* #video {
      position: absolute;
      top: -1000px;
    }

    #canvas {
      left: 50%;
      top: 50%;
      margin-left: -200px;
      margin-top: -150px;
      position: absolute;
    } */
  </style>
  <link rel="stylesheet" href="/assets/demo.css">

</head>

<body>
  <!--首页 homePage-->

  <link rel="stylesheet" href="/assets/demo.css">

  <script src="/build/tracking-min.js"></script>
  <script src="/build/data/face-min.js"></script>
  <script src="/build/dat.gui.min.js"></script>
  <script src="/assets/stats.min.js"></script>

  <!-- <div class="positionNone">

    <div class="demo-frame">
        <div class="demo-container">
          <video id="video" width="320" height="240" preload autoplay loop muted></video>
          <canvas id="canvas" width="320" height="240"></canvas>
        </div>
      </div>
    
      <canvas id="canvasPic" width="640" height="480"></canvas>
      <img src="./body_default.png" id="img" width="480" height="320" style="margin-left: 20px;">
</div> -->

  <div class="voice"></div>
  <div class="container">
    <!-- 提交失败弹出框  -->
    <div class="submitGoodsValidate1"></div>
    <nav class="top">
      <div class="leftNav">
        <div class="time">
          <p class="timeDate">2017年12月05日</p>
          <p class="timeWeek">星期六</p>
        </div>
        <p class="timeMinute">12:24</p>
      </div>
      <div class="centerNav">嘉兴市看守所自助送物系统</div>
      <div class="rightNav"></div>
    </nav>
    <div class="content">
      <!--首页-->
      <div th:replace="main/homePage::homePage">
      </div>
      <!-- 自助送物 -->
      <div th:replace="main/readId::readId">
      </div>
      <!-- 送物品 -->
      <div th:replace="main/goods::goods">
      </div>
    </div>
    <footer>
      <div class="edition">版本号:20180423</div>
      <div class="logo"></div>
    </footer>
  </div>






  <script src="/public/js/jquery.js"></script>
  <script src="/public/js/moment.js"></script>
  <script src="/public/js/modal.js"></script>
  <script src="/public/js/index.js"></script>
  <script src="/public/js/lodash.js"></script>
  <script src="/public/js/jquery-migrate-1.2.1.min.js"></script>
  <script src="/edition/edition.js"></script>




  <script>
  </script>

</body>

</html>